<template>
  <div class="dashboard-container">
    <div class="app-container">
      <!-- 自定义组件，标题 -->
      <PageTitle :show-before="true">
        <template v-slot:before>
          <h2>企业信息导出</h2>
        </template>
      </PageTitle>
      <div class="content">
        <el-form ref="form" label-width="100px">
          <el-form-item label="注册时间">
            <div class="block">
              <el-date-picker
                v-model="value1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </div>
          </el-form-item>
          <el-form-item label="企业认证">
            <el-select placeholder="不限">
              <el-option
                v-for="item in educational"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="套餐类型">
            <el-select placeholder="不限">
              <el-option
                v-for="item in workExperience"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="套餐到期">
            <el-select placeholder="不限">
              <el-option
                v-for="item in packageExpiration"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="所属行业">
            <el-select placeholder="不限">
              <el-option
                v-for="item in industry"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="导出条数">
            <el-select placeholder="100">
              <el-option
                v-for="item in exportTotal"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="开始位置">
            <el-input-number
              v-model="num"
              controls-position="right"
              @change="handleChange"
              :min="1"
              :max="10"
            ></el-input-number>
          </el-form-item>
          <el-form-item>
            <el-button type="primary">保存</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 1,
      educational: [
        { id: 1, name: "不限" },
        { id: 2, name: "待审核" },
        { id: 3, name: "已认证" },
        { id: 4, name: "未通过" },
      ],
      workExperience: [
        { id: 1, name: "不限" },
        { id: 2, name: "基础会员" },
        { id: 3, name: "优选企业" },
        { id: 4, name: "专精特新小巨人" },
        { id: 5, name: "大优强/单项冠军/新能源" },
        { id: 6, name: "机关事业" },
      ],
      packageExpiration: [
        { id: 1, name: "不限" },
        { id: 2, name: "已过期" },
        { id: 3, name: "三天内" },
        { id: 4, name: "一周内" },
        { id: 5, name: "一月内" },
        { id: 6, name: "半年内" },
      ],
      industry: [
        { id: 1, name: "不限" },
        { id: 2, name: "计算机软件/硬件" },
        { id: 3, name: "计算机系统/维修" },
        { id: 4, name: "通信(设备/运营/服务)" },
        { id: 5, name: "互联网/电子商务" },
        { id: 6, name: "网络游戏" },
        { id: 7, name: "电子/半导体/集成电路" },
        { id: 8, name: "仪器仪表/工业自动化" },
        { id: 9, name: "会计/审计" },
        { id: 10, name: "金融(投资/证券" },
        { id: 11, name: "金融(银行/保险)" },
        { id: 12, name: "贸易/进出口" },
        { id: 13, name: "批发/零售" },
        { id: 14, name: "消费品(食/饮/烟酒)" },
        { id: 15, name: "服装/纺织/皮革" },
        { id: 16, name: "家具/家电/工艺品/玩具" },
        { id: 17, name: "办公用品及设备" },
        { id: 18, name: "机械/设备/重工" },
        { id: 19, name: "汽车/摩托车/零配件" },
        { id: 20, name: "制药/生物工程" },
        { id: 21, name: "医疗/美容/保健/卫生" },
        { id: 22, name: "医疗设备/器械" },
        { id: 23, name: "广告/市场推广" },
        { id: 24, name: "会展/博览" },
        { id: 25, name: "影视/媒体/艺术/出版" },
        { id: 26, name: "印刷/包装/造纸" },
        { id: 27, name: "房地产开发" },
        { id: 28, name: "建筑与工程" },
        { id: 29, name: "家居/室内设计/装潢" },
        { id: 30, name: "物业管理/商业中心" },
        { id: 31, name: "中介服务/家政服务" },
        { id: 32, name: "专业服务/财会/法律" },
        { id: 33, name: "检测/认证" },
        { id: 34, name: "教育/培训" },
        { id: 35, name: "学术/科研" },
        { id: 36, name: "餐饮/娱乐/休闲" },
        { id: 37, name: "酒店/旅游" },
        { id: 38, name: "交通/运输/物流" },
        { id: 39, name: "航天/航空" },
        { id: 40, name: "能源(石油/化工/矿产)" },
        { id: 41, name: "能源(采掘/冶炼/原材料)" },
        { id: 42, name: "电力/水利/新能源" },
        { id: 43, name: "政府部门/事业单位" },
        { id: 44, name: "非盈利机构/行业协会" },
        { id: 45, name: "农业/渔业/林业/牧业" },
        { id: 46, name: "其他行业" },
      ],
      exportTotal: [
        { id: 1, name: "100" },
        { id: 2, name: "200" },
        { id: 3, name: "500" },
        { id: 4, name: "800" },
        { id: 5, name: "1000" },
      ],
    };
  },
  methods: {
    handleChange() {},
  },
};
</script>

<style scoped>
.content {
  padding: 20px;
}
</style>
